<template>
    <div class="content">
        <div class="content_som">
            <div class="error_info">404</div>
            <div class="error_text">无此页面</div>
        </div>
    </div>
</template>

<style lang="less">
.content {
    width: 100%;
    height: 100%;
    background-color: skyblue;
    .content_som {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        .error_info {
            color: #fff;
            font-size: 80px;
            font-weight: 700;
        }
        .error_text {
            color: #fff;
            font-size: 30px;
            font-weight: 700;
        }
    }

}
</style>